html {
  margin: 0;
  padding: 0;
}
.container {
  margin-bottom: 150px;
  .header{
    width: 100%;
    height: 150px;
    background-color: #39958C;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .text-content {
      flex-direction: column;
      color: #eeeeee;
      .title {
        font-size: 48px;
        margin:  0 0 10px 20px;
      }
      .text {
        font-size: 24px;
        margin-left: 20px;
      }
    }
    .search-content {
      width: 60px;
      height: 60px;
      background-color: #eeeeee;
      border-radius: 30px;
      margin: 30px 15px 0 15px;
      .search-icon {
        margin: 10px;
      }
    }
  }
  .re-topic {
    margin: 20px;
    .re-challenges {
      display: flex;
      flex-direction: row;
      width: 100%;
      .topic-image {
        width: 345px;
        margin: 2%;
        height: 200px;
        border: 5px solid #FFFFFF;
      }
      .topic-name {
        margin: -175px 0 0 75px;
        font-size: 48px;
        font-weight: bolder;
        color: #39958C;
        font-style: italic;
      }
    }
    .hot-person {
      margin: 90px 0 0 20px;
      display: flex;
      flex-direction: row;
    }
  }
  .hot-challenge {
    margin: 20px;
  }
  .hot-release {
    margin: 20px;
  }

}

